import React,{Component} from 'react';
import "../../Style/fund.css";

export default class Fund_info3 extends React.Component{
    render(){
        return(
            <div className="fund_info">
                <div className="list_topic">
                    <h1>热门指数</h1>
                    <p>开启定投，等待惊喜</p>
                </div>
                <ul className="fund_list">
                    <li style={{position:'relative'}} onClick={()=>{window.location.href = "#/terran/fundinfo?fundID=160420"}}>
                        <div className="f_fundname">
                            <h2 style={{fontWight:'bold',fontSize:'16px'}}>华安创业板50指数</h2>
                        </div>
                        <div className="f_fundinfo">
                            <div style={{float:'left',textAlign:'center'}}>
                                <h3 style={{fontWight:'bold',fontSize:'16px',color:'orangered',margin:'5px 0 0 0',padding:0}}>45.74%</h3>
                                <p style={{color:'grey',fontSize:'8px',margin:'5px 0 0 0',padding:0}}>近一年收益率</p>
                            </div>
                            <div style={{float:'right',textAlign:'center'}}>
                                <h3 style={{fontWight:'bold',fontSize:'16px',color:'balck',margin:'5px 0 0 0',padding:0}}>0.9586</h3>
                                <p style={{color:'grey',fontSize:'8px',margin:'5px 0 0 0',padding:0}}>最新净值</p>
                            </div>
                        </div>
                    </li>
                    <li style={{position:'relative'}} onClick={()=>{window.location.href = "#/terran/fundinfo?fundID=501301"}}>
                        <div className="f_fundname">
                            <h2 style={{fontWight:'bold',fontSize:'16px'}}>华宝香港大盘LOF</h2>
                        </div>
                        <div className="f_fundinfo">
                            <div style={{float:'left',textAlign:'center'}}>
                                <h3 style={{fontWight:'bold',fontSize:'16px',color:'orangered',margin:'5px 0 0 0',padding:0}}>6.03%</h3>
                                <p style={{color:'grey',fontSize:'8px',margin:'5px 0 0 0',padding:0}}>成立以来收益率</p>
                            </div>
                            <div style={{float:'right',textAlign:'center'}}>
                                <h3 style={{fontWight:'bold',fontSize:'16px',color:'balck',margin:'5px 0 0 0',padding:0}}>1.0603</h3>
                                <p style={{color:'grey',fontSize:'8px',margin:'5px 0 0 0',padding:0}}>最新净值</p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        )
    };
};